<!DOCTYPE html>
<html>
    <head>
        <title>grid system</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <link rel="stylesheet" href="css/grid.css">
        <link rel="stylesheet" href="css/block.css">
        <link rel="stylesheet" href="css/panel.css">
        <link rel="stylesheet" href="css/tools.css">
        <link rel="stylesheet" href="css/css.css" >
    </head>
    <body>
        <div class="os-r">
            <div class="os-grid-6">
                <div class="block">
                    <div class="os-panel">
                        <div class="os-panel-heading">
                            
                        </div>
                        <div class="os-panel-body">
                                
                        </div>
                    </div>
                </div>
            </div>
            <div class="os-grid-6">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="os-r">
            <div class="os-grid-5">
                <div class="block"></div>
            </div>
            <div class="os-grid-7">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="os-r">
            <div class="os-grid-1">
                <div class="block"></div>
            </div>
            <div class="os-grid-11">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="os-r">
            <div class="os-grid-2">
                <div class="block"></div>
            </div>
            <div class="os-grid-10">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="os-r">
            <div class="os-grid-3">
                <div class="block"></div>
            </div>
            <div class="os-grid-9">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="os-r">
            <div class="os-grid-4">
                <div class="block"></div>
            </div>
            <div class="os-grid-8">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
         
         <div class="os-r">
            <div class="os-grid-5">
                <div class="block"></div>
            </div>
            <div class="os-grid-7">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
         <div class="os-r">
            <div class="os-grid-6">
                <div class="block"></div>
            </div>
            <div class="os-grid-6">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
        <div class="os-r">
            <div class="os-grid-4">
                <div class="block"></div>
            </div>
            <div class="os-grid-4">
                <div class="block"></div>
            </div>
            <div class="os-grid-4">
                <div class="block"></div>
            </div>
            <div class="clear"></div>
        </div>
        
        
    </body>
</html>